import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'

export default defineConfig({
  plugins: [vue()],
  // 路径简写配置
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  }, 
  // css配置
  css: {
    preprocessorOptions: {
        scss: {
            additionalData:  `
            @import "@/assets/styles/variables.scss";  // scss文件地址
            @import "@/assets/styles/mixin.scss";     // scss文件地址
          ` 
        }
    } 
  },
  // server proxy 代理配置
  server: {
    //服务器主机名
    host: '',
    //端口号
    port: 3088,
    //设为 true 时若端口已被占用则会直接退出，而不是尝试下一个可用端口
    strictPort: false,
    //服务器启动时自动在浏览器中打开应用程序,当此值为字符串时，会被用作 URL 的路径名
    open: false,
    //自定义代理规则
    proxy: {
      // 选项写法
      '/api': {
        target: "http://gmall-h5-api.atguigu.cn",
        // target: 'https://lianghj.top:8888/api/private/v1/',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')
      }
    }
  } ,


})
